<!--<!DOCTYPE html>-->
<!--<html>-->
<!--	<head>-->
<!--		<meta charset="utf-8">-->
<!--		<title></title>-->
<!--		<link rel="stylesheet" type="text/css" href="../../elementui/elementui.css" />-->
<!--		<style>-->
<!--			html,body,#app {-->
<!--				height: 100%;-->
<!--			}-->
<!--			body {-->
<!--				margin: 0;-->
<!--			}-->
<!--			.chat-form {-->
<!--				height: 100%;-->
<!--				display: flex;-->
<!--				flex-direction: column;-->
<!--			}-->
<!--			.chat-content {-->
<!--			  overflow-y: scroll;-->
<!--			  border: 1px solid #eeeeee;-->
<!--			  margin: 0;-->
<!--			  padding: 0;-->
<!--			  width: 100%;-->
<!--			      flex: 1;-->
<!--			}-->
<!--			.left-content {-->
<!--			  float: left;-->
<!--			  margin-bottom: 10px;-->
<!--			  padding: 10px;-->
<!--			}-->
<!--			.right-content {-->
<!--			  float: right;-->
<!--			  margin-bottom: 10px;-->
<!--			  padding: 10px;-->
<!--			}-->
<!--			.clear-float {-->
<!--			  clear: both;-->
<!--			}-->
<!--			.btn-input {-->
<!--				margin-left: 0px;-->
<!--				display: flex;-->
<!--				width: 100%;-->
<!--				padding: 10px 12px;-->
<!--				box-sizing: border-box;-->
<!--			}-->
<!--		</style>-->
<!--	</head>-->
<!--	<body style="overflow-y: hidden;overflow-x: hidden;">-->
<!--		<div id="app">-->
<!--			<el-form class="detail-form-content chat-form" ref="ruleForm" label-width="0">-->
<!--				<div class="chat-content">-->
<!--					<div v-bind:key="item.id" v-for="item in dataList">-->
<!--						<div v-if="item.ask" class="left-content">-->
<!--							<el-alert class="text-content" :title="item.ask" :closable="false" type="success"></el-alert>-->
<!--						</div>-->
<!--						<div v-else class="right-content">-->
<!--							<el-alert class="text-content" :title="item.reply" :closable="false" type="warning"></el-alert>-->
<!--						</div>-->
<!--						<div class="clear-float"></div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="btn-input">-->
<!--					<el-input style="flex: 1;margin-right: 10px;" v-model="ruleForm.ask" placeholder="发布" style="margin-right: 10px;" clearable></el-input>-->
<!--					<el-button type="primary" @click="onSubmit">发布</el-button>-->
<!--				</div>-->
<!--			</el-form>-->
<!--		</div>-->

<!--		&lt;!&ndash; layui &ndash;&gt;-->
<!--		<script src="../../layui/layui.js"></script>-->
<!--		&lt;!&ndash; vue &ndash;&gt;-->
<!--		<script src="../../js/vue.js"></script>-->
<!--		&lt;!&ndash; elementui &ndash;&gt;-->
<!--		<script src="../../elementui/elementui.js"></script>-->
<!--		&lt;!&ndash; 组件配置信息 &ndash;&gt;-->
<!--		<script src="../../js/config.js"></script>-->
<!--		&lt;!&ndash; 扩展插件配置信息 &ndash;&gt;-->
<!--		<script src="../../modules/config.js"></script>-->
<!--		&lt;!&ndash; 工具方法 &ndash;&gt;-->
<!--		<script src="../../js/utils.js"></script>-->
<!--		<script type="text/javascript">-->
<!--			var app = new Vue({-->
<!--				el: "#app",-->
<!--				data() {-->
<!--					return {-->
<!--						id: "",-->
<!--						ruleForm: {},-->
<!--						dataList: [],-->
<!--						inter: null-->
<!--					}-->
<!--				},-->
<!--				methods: {-->
<!--					// 初始化-->
<!--					init(id) {-->
<!--						this.getList();-->
<!--						this.id = id;-->
<!--						var that = this;-->
<!--						var inter = setInterval(function() {-->
<!--							that.getList();-->
<!--						}, 10000)-->
<!--						this.inter = inter;-->
<!--					},-->
<!--					getList() {-->
<!--						layui.http.request('chat/list', 'get', {-->
<!--							userid: localStorage.getItem('userid'),-->
<!--							sort: 'addtime',-->
<!--							order: 'asc'-->
<!--						}, (res) => {-->
<!--							this.dataList = res.data.list;-->
<!--						})-->
<!--					},-->
<!--					// 提交-->
<!--					onSubmit() {-->
<!--						if (!this.ruleForm.ask) {-->
<!--							layer.msg('请输入内容', {-->
<!--								time: 2000,-->
<!--								icon: 5-->
<!--							});-->
<!--							return-->
<!--						}-->
<!--						layui.http.requestJson('chat/add', 'post', {-->
<!--							userid: localStorage.getItem('userid'),-->
<!--							ask: this.ruleForm.ask-->
<!--						}, (res) => {-->
<!--							this.getList();-->
<!--						});-->
<!--						this.ruleForm.ask="";-->
<!--					}-->
<!--				}-->
<!--			})-->

<!--			layui.use(['layer', 'element', 'http', 'jquery'], function() {-->
<!--				var layer = layui.layer;-->
<!--				var element = layui.element;-->
<!--				var http = layui.http;-->
<!--				var jquery = layui.jquery;-->
<!--				app.init();-->
<!--			});-->
<!--		</script>-->
<!--	</body>-->
<!--</html>-->
